<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xenon - Bootstrap Admin Theme</title>
    <link rel="stylesheet" href="./frm/linecons.css" id="style-resource-2">
    <link rel="stylesheet" href="./frm/font-awesome.min.css" id="style-resource-3">
    <link rel="stylesheet" href="./frm/bootstrap.css" id="style-resource-4">
    <link rel="stylesheet" href="./frm/xenon-core.css" id="style-resource-5">
    <script src="./frm/jquery-1.11.1.min.js"></script>
</head>

<body class="page-body">
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed" style="">
            <div class="sidebar-menu-inner ps-container">
                <header class="logo-env">
                    <div class="logo">
                        <a href="#" class="logo-expanded"> <img src="./frm/logo@2x.png" width="80" alt=""> </a>
                        <a href="#" class="logo-collapsed"> <img src="./frm/logo-collapsed@2x.png" width="40" alt=""> </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu"> <i class="fa-bell-o"></i> <span class="badge badge-success">7</span> </a>
                        <a href="#" data-toggle="mobile-menu"> <i class="fa-bars"></i> </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li class="active"> <a href="#"><i class="linecons-cog"></i><span class="title">Dashboard</span></a>
                    </li>
                    <li class="has-sub"> <a href="#/charts/main/"><i class="linecons-globe"></i><span class="title">Charts</span></a>
                        <ul>
                            <li> <a href="#/charts/main/"><span class="title">Chart Variants</span></a> </li>
                            <li> <a href="#/charts/range/"><span class="title">Range Selector</span></a> </li>
                            <li> <a href="#/charts/sparklines/"><span class="title">Sparklines</span></a> </li>
                            <li> <a href="#/charts/map/"><span class="title">Map Charts</span></a> </li>
                            <li> <a href="#/charts/gauges/"><span class="title">Circular Gauges</span></a> </li>
                            <li> <a href="#/charts/bar-gauges/"><span class="title">Bar Gauges</span></a> </li>
                        </ul>
                    </li>
                    <li class="has-sub"> <a href="#"><i class="linecons-cloud"></i><span class="title">Menu Levels</span></a>
                        <ul>
                            <li class="has-sub"> <a href="#"><i class="entypo-flow-line"></i><span class="title">Menu Level 1.1</span></a>
                                <ul>
                                    <li> <a href="#"><i class="entypo-flow-parallel"></i><span class="title">Menu Level 2.1</span></a> </li>
                                    <li class="has-sub"> <a href="#"><i class="entypo-flow-parallel"></i><span class="title">Menu Level 2.2</span></a>
                                        <ul>
                                            <li> <a href="#"><i class="entypo-flow-cascade"></i><span class="title">Menu Level 3.1</span></a> </li>
                                            <li class="has-sub"> <a href="#"><i class="entypo-flow-cascade"></i><span class="title">Menu Level 3.2</span></a>
                                                <ul>
                                                    <li> <a href="#"><i class="entypo-flow-branch"></i><span class="title">Menu Level 4.1</span></a> </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li> <a href="#"><i class="entypo-flow-parallel"></i><span class="title">Menu Level 2.3</span></a> </li>
                                </ul>
                            </li>
                            <li> <a href="#"><i class="entypo-flow-line"></i><span class="title">Menu Level 1.2</span></a> </li>
                            <li> <a href="#"><i class="entypo-flow-line"></i><span class="title">Menu Level 1.3</span></a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content" style="">
            <nav class="navbar user-info-navbar fixed" role="navigation">
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="#" data-toggle="sidebar"> <i class="fa-bars"></i> </a>
                    </li>
                    <li class="dropdown hover-line" style="min-height: 76px;">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa-envelope-o"></i> <span class="badge badge-green">15</span> </a>
                        <ul class="dropdown-menu messages">
                            <li>
                                <ul class="dropdown-menu-list list-unstyled ps-scrollbar ps-container">
                                    <li class="active">
                                        <a href="#"> <span class="line"> <strong>Luc Chartier</strong> <span class="light small">- yesterday</span> </span> <span class="line desc small">This ain’t our first item, it is the best of the rest.</span> </a>
                                    </li>
                                    <li>
                                        <a href="#"> <span class="line">Sandra Eberhardt<span class="light small">- 16 days ago</span> </span> <span class="line desc small">On so attention necessary at by provision otherwise existence direction.</span> </a>
                                    </li>
                                    <!-- Repeated -->
                                    <li class="active">
                                        <a href="#"> <span class="line"> <strong>Luc Chartier</strong> <span class="light small">- yesterday</span> </span> <span class="line desc small">This ain’t our first item, it is the best of the rest.</span> </a>
                                    </li>
                                    <li class="active">
                                        <a href="#"> <span class="line"> <strong>Salma Nyberg</strong> <span class="light small">- 2 days ago</span> </span> <span class="line desc small">Oh he decisively impression attachment friendship so if everything.</span> </a>
                                    </li>
                                    <li>
                                        <a href="#"> <span class="line">Hayden Cartwright<span class="light small">- a week ago</span> </span> <span class="line desc small">Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.</span> </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="external">
                                <a href="#/ui/mailbox-main/"> <span>All Messages</span> <i class="fa-link-ext"></i> </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown hover-line" style="min-height: 76px;">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa-bell-o"></i> <span class="badge badge-purple">7</span> </a>
                        <ul class="dropdown-menu notifications">
                            <li class="top">
                                <p class="small"> <a href="#" class="pull-right">Mark all Read</a> You have <strong>3</strong> new notifications.
                                </p>
                            </li>
                            <li>
                                <ul class="dropdown-menu-list list-unstyled ps-scrollbar ps-container">
                                    <li class="active notification-success">
                                        <a href="#"> <i class="fa-user"></i> <span class="line"> <strong>New user registered</strong> </span> <span class="line small time">30 seconds ago</span> </a>
                                    </li>
                                    <li class="active notification-secondary">
                                        <a href="#"> <i class="fa-lock"></i> <span class="line"> <strong>Privacy settings have been changed</strong> </span> <span class="line small time">3 hours ago</span> </a>
                                    </li>
                                    <li class="notification-primary">
                                        <a href="#"> <i class="fa-thumbs-up"></i> <span class="line"> <strong>Someone special liked this</strong> </span> <span class="line small time">2 minutes ago</span> </a>
                                    </li>
                                    <li class="notification-danger">
                                        <a href="#"> <i class="fa-calendar"></i> <span class="line">John cancelled the event</span> <span class="line small time">9 hours ago</span> </a>
                                    </li>
                                    <li class="notification-info">
                                        <a href="#"> <i class="fa-database"></i> <span class="line">The server is status is stable</span> <span class="line small time">yesterday at 10:30am</span> </a>
                                    </li>
                                    <li class="notification-warning">
                                        <a href="#"> <i class="fa-envelope-o"></i> <span class="line">New comments waiting approval</span> <span class="line small time">last week</span> </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="external">
                                <a href="#"> <span>View all notifications</span> <i class="fa-link-ext"></i> </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="dropdown user-profile" style="min-height: 76px;">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fa-user"></i> <span>John Smith<i class="fa-angle-down"></i> </span> </a>
                        <ul class="dropdown-menu user-profile-menu list-unstyled">
                            <li>
                                <a href="#settings"> <i class="fa-wrench"></i> Settings
                                </a>
                            </li>
                            <li>
                                <a href="#profile"> <i class="fa-edit"></i> Profile
                                </a>
                            </li>
                            <li class="last">
                                <a href="#/extra/lockscreen/"> <i class="fa-lock"></i> Logout
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="row">
                <div class="col-sm-3">
                    <div style="height: 480px"></div>
                </div>
                <div class="col-sm-6">
                </div>
                <div class="col-sm-3">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div style="height: 480px"></div>
                </div>
                <div class="col-sm-6">
                </div>
            </div>
            <footer class="main-footer sticky footer-type-1" style="">
                <div class="footer-inner">
                    <div class="footer-text">
                        © 2017
                        <strong>Xenon</strong> theme by <a href="#" target="_blank">Laborator</a></div>
                    <div class="go-up">
                        <a href="#" rel="go-top"> <i class="fa-angle-up"></i> </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <div class="page-loading-overlay loaded">
        <div class="loader-2"></div>
    </div>
    <script src="./frm/bootstrap.min.js"></script>
    <script src="./frm/TweenMax.min.js"></script>
    <script src="./frm/resizeable.js"></script>
    <script src="./frm/joinable.js"></script>
    <script src="./frm/xenon-toggles.js"></script>
    <script src="./frm/xenon-custom.js"></script>
</body>

</html>
